<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
    <title>天算星座-卫星大数据平台</title>
    <style type="text/css">  
		html{height:100%}    
		body{height:100%;margin:0px;padding:0px}    
		#map{width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}   
	</style> 
	<script type="text/javascript" src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=b07Txardz712vRTFjDaBbPEmzOynEzOR"></script>
	<link rel="shortcut icon" href="images/favicon.ico" />
	<link rel="stylesheet" href="css/app.css"/>
	<script type="text/javascript" src="js/app.js"></script>
	
	<script src="sdk/sdk.js"></script>
	<link rel="stylesheet" href="sdk/sdk.css" />
    <link rel="stylesheet" href="sdk/helper.css" />
	
</head>
<body>
	<div id="map"></div>
	<!--header-->
	<div data-v-d1db20f6="" data-v-258a4cb6="" class="logo-menu">
		<div data-v-d1db20f6="" class="logo-wrap clearfix">
			<div data-v-d1db20f6="" class="logo-img fl">
				<img data-v-d1db20f6="" src="" alt="">
			</div>
			<div data-v-d1db20f6="" class="logo-title fl">
				<span data-v-d1db20f6="">
						天算星座-卫星大数据平台
				</span>
			</div>
		</div> 
		<div data-v-d1db20f6="" class="menu-dialog" style="display: none;">
			<i data-v-d1db20f6="" class="close-icon el-icon-close">
			</i>
			<div data-v-d1db20f6="" class="menu-img">
				<img data-v-d1db20f6="" src="" alt="">
			</div>
		</div>
	</div>
	<!--left-->
	<div data-v-37c16eed="" data-v-258a4cb6="" class="header-wrap headerGradient">
		<div data-v-37c16eed="" class="header">
			<div data-v-37c16eed="" class="fr header-content" style="width:100px;">
				<span data-v-37c16eed="" class="avartar">
					<i data-v-37c16eed="" class="icon iconfont icontouxiang">
					</i>
				</span>
			</div>
			<div data-v-37c16eed="" class="fr home-wrap">
				<div data-v-37c16eed="" class="to-index">
					<a href="https://www.bupt.edu.cn/" style="color: white;">
						北京邮电大学
					</a>
				</div>
			</div>
		</div>
	</div>
	<div data-v-258a4cb6="" id="left" style="display: none;">
		<div data-v-258a4cb6="" class="conditions-retrieval leftZore">
		</div>
		<div data-v-258a4cb6="" class="conditions-text leftZoreText" id="search_btn">
			数据检索
		</div>
		<div data-v-258a4cb6="" class="precise-query leftZore1">
			<div data-v-258a4cb6="" class="Parallelogram">
			</div>
		</div>
		<div data-v-258a4cb6="" class="precise-text leftZoreText" id="solve">
			智能解译
		</div>
		<div data-v-258a4cb6="" class="switch-text leftZoreBtn">
			<i data-v-258a4cb6="" class="el-icon-arrow-up"></i>
		</div>
	</div>
	<!--search set style="display: none;"-->
	<div data-v-258a4cb6="" id="search_right">
		<div data-v-258a4cb6="" class="conditions-retrieval"></div>
		<div data-v-258a4cb6="" class="conditions-text">
			数据检索
		</div>
		<div data-v-258a4cb6="" class="switch-text">
			<i data-v-258a4cb6="" class="el-icon-arrow-down"></i>
		</div>
	</div>
	<div data-v-5855f98c="" id="search_set" data-v-258a4cb6="" class="panel_wrap">
		<div data-v-132f128f="" data-v-5855f98c="" class="region_content">
			<div data-v-132f128f="" class="el-tabs el-tabs--top">
				<div class="el-tabs__header is-top">
					<div class="el-tabs__nav-wrap is-top">
						<div class="el-tabs__nav-scroll">
							<div role="tablist" class="el-tabs__nav is-top" style="transform: translateX(0px);">
								<div class="el-tabs__active-bar is-top" style="width: 40px; transform: translateX(0px);">
								</div>
								<div id="tab-first" aria-controls="pane-first" role="tab" aria-selected="true"
								tabindex="0" class="el-tabs__item is-top is-active">
									自定义检索
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="el-tabs__content">
					<div data-v-5855f98c="" class="list date-wrap">
						<div data-v-5855f98c="" class="el-date-editor el-range-editor el-input__inner el-date-editor--datetimerange" rightcurrentmonth="true">
							<i class="el-input__icon el-range__icon el-icon-time">
							</i>
							<input autocomplete="off" placeholder="开始日期" name="" class="el-range-input">
							<span class="el-range-separator">
								-
							</span>
							<input autocomplete="off" placeholder="结束日期" name="" class="el-range-input">
							<i class="el-input__icon el-range__close-icon">
							</i>
						</div>
					</div>
					<br>
					<div data-v-132f128f="" role="tabpanel" id="pane-first" aria-labelledby="tab-first" class="el-tab-pane">
						<div data-v-132f128f="" class="select_wrap">
							<div data-v-132f128f="" class="select_content">
								<div data-v-132f128f="" class="el-select">
									<div class="el-select__tags" style="width: 100%; max-width: 328px;">
										<input type="text" autocomplete="off" placeholder="检索地址" class="el-select__input" style="flex-grow: 1; width: 0.0609756%; max-width: 318px;">
									</div>
									<div class="el-input el-input--suffix">
										<input type="text" readonly="readonly" autocomplete="off" placeholder="" class="el-input__inner" style="height: 39.9958px;">
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div data-v-5855f98c="" class="select-sousuo clearfix">
			<div data-v-5855f98c="" class="tabs-wrap fl">
				<div data-v-5855f98c="" class="el-tabs el-tabs--card el-tabs--top">
					<div class="el-tabs__header is-top">
						<div class="el-tabs__nav-wrap is-top">
							<div class="el-tabs__nav-scroll">
								<div role="tablist" class="el-tabs__nav is-top" style="transform: translateX(0px);">
									<div id="tab-1" aria-controls="pane-1" role="tab" tabindex="0" class="el-tabs__item is-top is-active"
									aria-selected="true">
										<span data-v-5855f98c="" class="tab-wrap">
											<span data-v-5855f98c="" class="noclose">
												推荐数据
											</span>
										</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="el-tabs__content">
						<div data-v-5855f98c="" role="tabpanel" id="pane-1" aria-labelledby="tab-1"
						class="el-tab-pane" style="">
						</div>
					</div>
				</div>
			</div>
			<div data-v-5855f98c="" class="fr sousuo-icon" id="searchBtn">
				<i data-v-5855f98c="" class="icon-sousuo">
					<i data-v-5855f98c="" class="handle">
					</i>
				</i>
			</div>
		</div>
		<div data-v-5855f98c="" class="dropdown_panel">
			<div data-v-5855f98c="" class="LD_wrap">
				<div data-v-4ed19afa="" class="el-select typeInput">
					<!--rs list-->
					<div data-v-29858aac="" class="recommend-list animate__fadeInRight">
						<!--rs item-->
						<!--1-->
						<div data-v-29858aac="" class="recommend-list-item">
							<img data-v-29858aac="" data-src="images/city/NOyAen5oBK.webp" class="image" src="images/city/NOyAen5oBK.webp" lazy="loaded">
							<div data-v-29858aac="" class="mask"></div>
							<span data-v-29858aac="" class="name">北京市海淀区</span>
						</div>
						<!--2-->
						<div data-v-29858aac="" class="recommend-list-item">
							<img data-v-29858aac="" data-src="images/city/KVeoVlxJO8.webp" class="image" src="images/city/KVeoVlxJO8.webp" lazy="loaded">
							<div data-v-29858aac="" class="mask"></div>
							<span data-v-29858aac="" class="name">青岛市黄岛区</span>
						</div>
						<!--3-->
						<div data-v-29858aac="" class="recommend-list-item">
							<img data-v-29858aac="" data-src="images/city/aQyAjRLAYD.webp" class="image" src="images/city/aQyAjRLAYD.webp" lazy="loaded">
							<div data-v-29858aac="" class="mask"></div>
							<span data-v-29858aac="" class="name">上海市浦东新区</span>
						</div>
						<!--4-->
						<div data-v-29858aac="" class="recommend-list-item">
							<img data-v-29858aac="" data-src="images/city/02lEXmvJbK.webp" class="image" src="images/city/02lEXmvJbK.webp" lazy="loaded">
							<div data-v-29858aac="" class="mask"></div>
							<span data-v-29858aac="" class="name">广州市海珠区</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--search result-->
	<div data-v-258a4cb6="" id="result" class="zyb-lb" style="">
		<span data-v-258a4cb6="" class="lb-gb icon iconfont iconshanchu" id='shanchu'>
		</span>
		<ul data-v-258a4cb6="" role="menubar" class="el-menu-demo el-menu--horizontal el-menu">
			<li data-v-258a4cb6="" role="menuitem" tabindex="-1" class="el-menu-item is-active"
			popper-class="conditionmenu" style="color: rgb(36, 46, 66); border-bottom-color: rgb(36, 46, 66);">
				<div data-v-258a4cb6="" class="nav-item clearfix">
					<span data-v-258a4cb6="" class="fl">
						数据检索
					</span>
				</div>
			</li>
		</ul>
		<!--result-->
		<div data-v-258a4cb6="" class="tabbox">
			<div id="search_result"></div>
		</div>
	</div>
</div>
</body>

<script type="text/javascript">
      (function () {
        let amis = amisRequire('amis/embed');
        // 通过替换下面这个配置来生成不同页面
        let amisJSON = {
		  "type": "page",
		  "body": {
			"type": "service",
			"api": "/amis/api/mock2/crud/table",
			"body": [
			  {
				"type": "pagination-wrapper",
				"inputName": "rows",
				"outputName": "rows",
				"perPage": 2,
				"position": "bottom",
				"body": [
				  {
					"type": "table",
					"source": "${rows}",
					"columns": [
					  {
						"name": "data_id",
						"label": "ID",
						"searchable": true
					  },
					  {
						"name": "data_date",
						"label": "时间",
						"sortable": true
					  },
					  {
						"name": "data_satellite",
						"label": "操作",
						"popOver": {
						  "body": {
							"type": "tpl",
							"tpl": "详细信息：${browser}"
						  }
						}
					  }
					]
				  }
				]
			  }
			]
		  }
		};
        let amisScoped = amis.embed('#search_result', amisJSON);
      })();
</script>


<script>
	var map = new BMapGL.Map('map'); // 创建Map实例
	map.centerAndZoom(new BMapGL.Point(106, 36), 1); // 初始化地图,设置中心点坐标和地图级别
	map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
	map.setMapType(BMAP_EARTH_MAP);      // 设置地图类型为地球模式
	//map.setMapType(BMAP_SATELLITE_MAP);      // 设置地图类型为普通卫星地图模式
	map.disableKeyboard(); // 禁用键盘操作
	
	document.getElementById('search_btn').addEventListener('click', function() {
		var search_set = document.getElementById('search_set');
		document.getElementById('left').style.display = 'none';
		search_set.style.display="block";
	});
</script>
</html>